<aside class="main-sidebar">

    <!-- sidebar: style can be found in sidebar.less -->
    <section class="sidebar">

        <!-- Sidebar user panel (optional) -->
        <div class="user-panel">
            <div class="pull-left image">
                <img src="{{ user.avatar_url }}" class="img-circle" alt="User Image">
            </div>
            <div class="pull-left info">
                <p>{{ user.name }}</p>
                <!-- Status -->
                {% if user %}
                    <a href="#"><i class="fa fa-circle text-success"></i> Online</a>
                {% else %}
                    <a href="#"><i class="fa fa-circle text-danger"></i> Offline</a>
                {% endif %}
            </div>
        </div>

        <!-- Sidebar Menu -->
        <ul class="sidebar-menu">
            <!-- Optionally, you can add icons to the links -->
            {% for menu in sidebar_menu %}
                {% if menu.class == 'head' %}
                    <li class="header">{{ menu.title }}</li>
                {% elseif menu.class == 'href' %}
                    {% if menu.active %}
                        <li class="active">
                    {% else %}
                        <li>
                    {% endif %}
                    <a href="{{ menu.url }}"><i class="fa fa-link"></i> <span>{{ menu.title }}</span></a>
                    </li>
                {% endif %}
            {% endfor %}

        </ul>
        <!-- /.sidebar-menu -->
    </section>
    <!-- /.sidebar -->
</aside>